Magento....

[Brian Williams]

anyone out there do any work with Magento?  It uses Prototype/Scriptaculous.

I'm trying to implement a simple vertical accordion menu but just can't seem to get it to work.

using default varien/accordion.js (afeared that I am doing something stupidly obvious wrong)

and this code:

[code]

<script type="text/javascript" src="<?php echo $this->getJsUrl('varien/accordion.js') ?>"></script>

<ol id="left_menu_nav" class="left_nav">

    <li id="best-sellers_menu" class="section" >

        <div class="head">

            <h3><a href="#" class="a-item">Best Sellers</a></h3>

        </div>

        <div id="">

            asdfasdf<br />asdfasdf

        </div>

    </li>

    <li id="new-arrivals_menu" class="section" >

        <div class="head">

            <h3><a href="#" class="a-item">New Arrivals</a></h3>

        </div>

        <div id="">

            asdfasdf<br />asdfasdf

        </div>

    </li>

</ol>

[/code]

Any help would be appreciated.

Thanks!

[Julius Seporaitis]

Hi,

try to change class="section" to class="section allow".

--
Pagarbiai,
Julius Šėporaitis
Blogeris @ http://www.seporaitis.net/
Narys ir organizatorius @ http://www.jjgklubas.lt/

[Brian Williams]

Thanks for the tip,  it wasn't all that was required but I did manage to get it working.

Final working code as follows:

<ol id="left_menu_nav" class="left_nav">

    <li id="best-sellers_menu" class="section allow" >

        <div class="head"><h3><a href="#" class=""><img src="<?=$this->getSkinUrl('images/bestsellerslinkleft.png');?>" alt="Best Sellers" /></a></h3></div>

        <div id="" class="a-item" style="display:none;">

            asdf<br />asdf

            

        </div>

    </li>

</ol>

Thanks again